﻿<#assign ctx="${bw.contextPath}">
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>BIM信息化监管平台</title>
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/plugins/iconfont/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/plugins/mui/css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/plugins/mui/css/mui.picker.min.css" />
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/css/global.css?random=1" />
		<link rel="stylesheet" type="text/css" href="${ctx}/resources/assets/css/home.css" />
	</head>

	<body>
		<div id="app" class="mui-off-canvas-wrap mui-draggable" v-cloak>
			<!-- 菜单容器 -->
			<aside class="mui-off-canvas-left">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="mui-content">
                            <input type="hidden" name="headimgurl" id="headimgurl" value="${headimgurl}" />
                            <input type="hidden" name="" id="nickname" value="${nickname}" />
							<div class="avatar-box"></div>
							<ul class="global-nav-box" id="global-nav-box"></ul>
						</div>
					</div>
				</div>
			</aside>
			<div class="mui-inner-wrap">
				<div class="mui-content mui-scroll-wrapper" id="mainContent">
					<div class="mui-scroll">
						<div class="mui-content">
							<div class="box">
								<h3 class="header-title">
									<a href="javascript:;" class="toggle-nav"></a>
									<span class="unit">单位：万元</span>
									已完成投资总额
								</h3>
								<h1 class="main-total link" data-href="investment.html?nav=1">{{datas.TOTAL}}</h1>
								<p class="sub-total">
									<span>总投资额：375917</span>
									<span>完成比率：{{totalPercent}}%</span>
								</p>
								<ul class="companys link" data-href="progress.html?nav=2">
									<li class="companys-item">
										<div class="item-box">
											<span class="bd">一标段</span>
											<img src="${ctx}/resources/assets/img/one.png" alt="" class="company-img">
											<div class="number-box">
												<p class="number-up">{{datas.FIRST_V}}</p>
												<p class="number-down">{{defaultData.one}}</p>
											</div>
											<div class="progress">
												<i class="percent">{{onePercent}}%</i>
												<span class="bar" :style="'width:'+onePercent+'%'"></span>
											</div>
										</div>
									</li>

									<li class="companys-item">
										<div class="item-box">
											<span class="bd">二标段</span>
											<img src="${ctx}/resources/assets/img/two.png" alt="" class="company-img">
											<div class="number-box">
												<p class="number-up">{{datas.SECOND_V}}</p>
												<p class="number-down">{{defaultData.two}}</p>
											</div>
											<div class="progress">
												<i class="percent">{{twoPercent}}%</i>
												<span class="bar" :style="'width:'+twoPercent+'%'"></span>
											</div>
										</div>
									</li>

									<li class="companys-item">
										<div class="item-box">
											<span class="bd">三标段</span>
											<img src="${ctx}/resources/assets/img/three.png" alt="" class="company-img">
											<div class="number-box">
												<p class="number-up">{{datas.THIRD}}</p>
												<p class="number-down">{{defaultData.three}}</p>
											</div>
											<div class="progress">
												<i class="percent">{{threePercent}}%</i>
												<span class="bar" :style="'width:'+threePercent+'%'"></span>
											</div>
										</div>
									</li>
								</ul>
							</div>

							<div class="box">
								<div id="slider" class="mui-slider">
									<div class="mui-slider-group mui-slider-loop">

										<div class="mui-slider-item mui-slider-item-duplicate">
											<a href="#">
												<img src="${ctx}/resources/assets/img/b10.jpg" data-preview-src="" data-preview-group="1">
											</a>
										</div>

										<div class="mui-slider-item">
											<a href="#">
												<img src="${ctx}/resources/assets/img/b01.jpg" data-preview-src="" data-preview-group="1">
											</a>
										</div>

										<div class="mui-slider-item">
											<a href="#">
												<img src="${ctx}/resources/assets/img/b02.jpg" data-preview-src="" data-preview-group="1">
											</a>
										</div>

										<div class="mui-slider-item">
											<a href="#">
												<img src="${ctx}/resources/assets/img/b03.jpg" data-preview-src="" data-preview-group="1">
											</a>
										</div>

										<div class="mui-slider-item">
											<a href="#">
												<img src="${ctx}/resources/assets/img/b04.jpg" data-preview-src="" data-preview-group="1">
											</a>
										</div>

										<div class="mui-slider-item">
											<a href="#">
												<img src="${ctx}/resources/assets/img/b05.jpg" data-preview-src="" data-preview-group="1">
											</a>
										</div>

										<div class="mui-slider-item">
											<a href="#">
												<img src="${ctx}/resources/assets/img/b6.jpg" data-preview-src="" data-preview-group="1">
											</a>
										</div>
										
										<div class="mui-slider-item">
											<a href="#">
												<img src="${ctx}/resources/assets/img/b7.jpg" data-preview-src="" data-preview-group="1">
											</a>
										</div>
										
										<div class="mui-slider-item">
											<a href="#">
												<img src="${ctx}/resources/assets/img/b8.jpg" data-preview-src="" data-preview-group="1">
											</a>
										</div>
										
										<div class="mui-slider-item">
											<a href="#">
												<img src="${ctx}/resources/assets/img/b9.jpg" data-preview-src="" data-preview-group="1">
											</a>
										</div>
										
										<div class="mui-slider-item">
											<a href="#">
												<img src="${ctx}/resources/assets/img/b10.jpg" data-preview-src="" data-preview-group="1">
											</a>
										</div>

										<div class="mui-slider-item mui-slider-item-duplicate">
											<a href="#">
												<img src="${ctx}/resources/assets/img/b1.jpg" data-preview-src="" data-preview-group="1">
											</a>
										</div>
									</div>
									<div class="mui-slider-indicator">
										<div class="mui-indicator mui-active"></div>
										<div class="mui-indicator"></div>
										<div class="mui-indicator"></div>
										<div class="mui-indicator"></div>
										<div class="mui-indicator"></div>
										<div class="mui-indicator"></div>
										<div class="mui-indicator"></div>
										<div class="mui-indicator"></div>
										<div class="mui-indicator"></div>
										<div class="mui-indicator"></div>
									</div>
								</div>
								<div id="">
									<ul class="mui-table-view collapse-box">
										<li class="mui-table-view-cell mui-collapse">
											<a class="mui-navigate-right collapse-title" href="javascript:;">项目介绍</a>
											<div class="mui-collapse-content">
												<div class="collapse-content">
													凤凰山路为西宁市城市总体规划中唯一的一条城市快速路，自西向东沿大南山脉伸展，主线全长11.57公里，道路建设宽度34米、双向6车道。沿线设置通海路、羚羊路、海湖路(行知路)、元树、劳动路、建国南路-德令哈路、湟中路7处下线口；沿线设置1座高架桥和2座桥梁，分别为六一路高架桥和火烧沟大桥、苦水沟大桥，设置植物园、南山公园2座隧道；建设内容主要包括：道路、桥梁、隧道、排水、照明、绿化、交通设施等。工程估算总投资37.59亿元。
												</div>
											</div>
										</li>
										<li class="mui-table-view-cell mui-collapse">
											<a class="mui-navigate-right collapse-title" href="javascript:;">工程平面图</a>
											<div class="mui-collapse-content">
												<img src="${ctx}/resources/assets/img/project.png" alt="" data-preview-src="" data-preview-group="2" width="100%">
											</div>
										</li>
									</ul>
								</div>
							</div>
						</div>
					</div>
					<div class="mui-off-canvas-backdrop"></div>
				</div>
			</div>
		</div>
		<script src="${ctx}/resources/assets/plugins/jquery-1.11.3.min.js"></script>
		<script src="${ctx}/resources/assets/plugins/mui/js/mui.min.js"></script>
		<script src="${ctx}/resources/assets/plugins/mui/js/mui.zoom.js"></script>
		<script src="${ctx}/resources/assets/plugins/mui/js/mui.previewimage.js"></script>
		<script src="${ctx}/resources/assets/plugins/vue.min.js"></script>
		<script src="${ctx}/resources/assets/plugins/mui/js/mui.picker.min.js"></script>
		<script src="${ctx}/resources/assets/plugins/echarts.min.js"></script>
		<script src="${ctx}/resources/assets/plugins/macaron.js"></script>
		<script src="${ctx}/resources/assets/js/global.js?random=1"></script>
		<script src="${ctx}/resources/assets/js/home.js"></script>
	</body>

</html>